<template>
    <div style="margin-top: 60px">
        <commonHeader></commonHeader>

        <el-container >
            <sider style="width: 200px;height:calc(100vh - 60px);min-width: 200px"></sider>
            <div style="width: 100%;overflow:hidden ">
                <menu-tag></menu-tag>
                <keep-alive :include="cachePage">
                    <router-view style="overflow: auto;height: calc(100vh - 94px)"></router-view>
                </keep-alive>
            </div>
        </el-container>
    </div>
</template>

<script>
    import commonHeader from '../components/header'
    import sider from '../home/homeSider'
    import menuTag from '../home/homeTag'
    import {mapState} from 'vuex'

    export default {
        components: {
            commonHeader,
            sider,
            menuTag
        },
        computed:{
            ...mapState([
                'cachePage'
            ]),
        },
        mounted() {

        }
    }
</script>

<style  lang="less">
    .sider{
        float:left;
        height: calc(100vh - 60px);
        border-right:1px solid #d9d9d9
    }
</style>